html {
  font-size: 14px;
  text-size-adjust: none;
}

body{
  font-family: -apple-system, Helvetica, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
}

.btn-shadow {
  box-shadow: 0 5px 20px 0 rgb(24 144 255 / 0.4);
}
// 文字颜色
.color-primary {
  color: #1D7FF2;
}

.color-danger {
  color: #C41C24;
}

.bg-danger{
  color: #C41C24 !important;
  background-color:#fff!important;
  border-color:#C41C24 !important;

  &:focus,
  &:hover {
    color: #C41C24 !important;
    background-color:#FFF2F3!important;
    border-color:#C41C24 !important;
  }

  &.is-disabled {
    color: #E7908C !important;
    background-color: #fff !important;
    border-color: #E7908C !important;
  }
}

.bg-primary{
  color: #1D7FF2 !important;
  background-color:#fff!important;
  border-color:#1D7FF2 !important;
}

/**
*element ui的confirm弹窗样式调整
*/
.common-confirm-cancel-btn,
.common-confirm-confirm-btn {
  @apply min-w-[100px] p-[0] text-[14px] font-normal;

  height: 32px;
  margin-bottom: 12px;
  line-height: 32px;
}

/**
* 修复弹框后文本框右边框不显示的问题
**/
.el-drawer__body .el-form {
  @apply pt-[1px];

  [type="text"]:focus,
  [type="email"]:focus,
  [type="url"]:focus,
  [type="password"]:focus,
  [type="number"]:focus,
  [type="date"]:focus,
  [type="datetime-local"]:focus,
  [type="month"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="time"]:focus,
  [type="week"]:focus,
  [multiple]:focus,
  textarea:focus,
  select:focus {
    width: calc(100% - 1px);
  }
}

/**  文本下拉框的样式  **/
.common-query-select {
  @apply w-[200px];
}

/**  文本搜索框的样式  **/
.common-query-input {
  @apply w-[200px];
}

/**  日期选择框的样式  **/
.common-query-date-picker {
  width: 220px !important;

  @apply border-[#6b727f];
}

/**  抽屉内输入框下拉框宽度  **/
.common-form-input,
.common-form-select {
  @apply w-[150px];
}

/**  查询按钮的样式  **/
.common-search-btn {
  @apply h-[32px] text-[14px] leading-[0];

  [class^="el-icon-"] {
    line-height: 0;
  }

  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
}

/**  新增按钮的样式  **/
.common-add-btn {
  @apply h-[32px] min-w-[100px] p-[0] text-[14px] font-normal leading-[32px];
}

/**  删除按钮的样式  **/
.common-del-btn {
  @apply h-[32px] min-w-[100px] p-[0] text-[14px] font-normal leading-[32px];
}

/**  抽屉弹框顶部区域的样式  **/
.el-drawer__header {
  @apply m-[0] pb-[16px] pl-[16px] pr-[33px] pt-[16px] leading-[1];

  height: 52px;
  padding-right: 16px;
  border-bottom: 1px solid #E8EAEF;
  box-shadow: none !important;

  .el-drawer__close-btn {
    width: 16px;
    height: 16px;
    font-size: 16px;
    background: transparent url("@/assets/images/drawer_close.png") no-repeat;
    background-size: 100% 100%;
  }

  .el-dialog__close {
    display: none;
  }
}

.el-drawer__header span {
  @apply text-[20px] font-medium text-[#363F51];
}

.common-drawer-footer-shadow {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 0.08), inset 0 1px 0 0 #E8EAEF;
}

/**  抽屉弹框底部按钮区域的样式  **/
.common-drawer-footer {
  @apply absolute inset-x-0 bottom-0 my-0 space-x-[12px] bg-white pb-[18px] pl-[16px] pt-[18px] z-[10000];

  button.is-plain{
    @apply text-[#1D7FF2] border-[1px] border-solid border-[#1D7FF2];

    &:focus,
    &:hover {
      background-color: #e8f2fd !important;
    }

    &.is-disabled {
      color: #94cefa !important;
      background-color: #fff !important;
      border-color: #94cefa !important;
    }
  }

  border-radius: 0 0 4px 4px;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 0.08), inset 0 1px 0 0 #E8EAEF;
}

// .common-drawer-footer::before {
//   @apply absolute inset-x-0 block h-[1px] border border-solid border-[#0000000d] content-[''];

//   top: -1px;
//   border-bottom: 1px solid #E8EAEF;
//   box-shadow: none !important;
// }

.h-detail{
  height:calc(100% - 130px);
}

.h-detail1{
  height:calc(100% - 130px);
}

.h-detail2{
  height:calc(100% - 200px);
}

.common-t-drawer-footer {
  @apply text-center my-0 space-x-[12px] pb-[18px] pl-[16px] pt-[18px] z-[10000] border-t;

  border-radius: 0 0 4px 4px;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 0.08), inset 0 1px 0 0 #E8EAEF;

  button.is-plain{
    @apply text-[#1D7FF2] border-[1px] border-solid border-[#1D7FF2];

    &:focus,
    &:hover {
      background-color: #e8f2fd !important;
    }

    &.is-disabled {
      color: #94cefa !important;
      background-color: #fff !important;
      border-color: #94cefa !important;
    }
  }
}

.common-t-drawer-footer::before {
  @apply absolute inset-x-0 block h-[1px] border border-solid border-[#0000000d] content-[''];

  top: -1px;
  border-bottom: 1px solid #E8EAEF;
  box-shadow: none !important;
}

.TContent {
  .h-detail{
    padding-right:20px;
    padding-bottom:16px;
    padding-left:20px;
  }

  .el-card__body{
    padding:0;
  }
}



/**  抽屉弹框中label标题块的样式  **/
.el-drawer-label-wrap {
  @apply mb-[20px] flex items-center text-[16px] font-medium text-[#363F51];
}

/**  抽屉弹框中label标题的样式  **/
.el-drawer-label-span {
  @apply mr-[8px] inline-block h-[16px] w-[4px] rounded-[2px] bg-[#1D7FF2];
}

// 超出三行文本溢出显示省略号
.text-clamp3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 确认框
.el-message-box2 {
  width: 400px;
  padding-bottom: 24px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);

  .el-message-box__header {
    padding: 22px 24px 16px 55px;
  }

  .el-message-box__content {
    padding: 0 24px 32px 55px;
  }

  .el-message-box__btns {
    padding: 0 24px;

    .el-button {
      min-width: auto;
      height: inherit;
      padding: 9px 15px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 500 !important;
      line-height: 1;
    }
  }

  .el-message-box__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #363F51;
  }

  .el-message-box__message {
    padding-left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #515A6E;
  }

  .el-message-box__headerbtn {
    top: 20px;
    right: 20px;

    .el-message-box__close {
      color: rgb(0 0 0 / .6);
    }
  }

  .el-message-box__status {
    top: -28px;
    left: -31px;

    &.el-icon-warning {
      color: #ec813c;
    }
  }
}

//二级标签样式
.common-secondary-bg{
  display:flex;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  margin: 16px 0;
  font-size: 16px;
  font-weight: 500;
  color: #363F51;
  background: rgb(241 242 245 / 0.5);

  .common-secondary-title{
    width: 4px;
    height: 16px;
    margin-right:8px;
    line-height: 16px;
    background-color: #1D7FF2;
    border-radius: 0 3px 3px 0;
  }
}

//三级标签样式
.common-three-bg{
  display:flex;
  align-items: center;
  height: 32px;
  padding-left:16px;
  margin:16px 0;
  font-size: 14px;
  font-weight: 500;
  color: #363F51;
  background: rgb(241 242 245 / 0.5);

  .common-three-title{
    width:4px;
    height: 16px;
    margin-right:8px;
    line-height: 22px;
    background-color: #1D7FF2;
    border-radius: 0 3px 3px 0;
  }
}
// 导入提示行
.common-import-tips {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: #363F51;
  background: rgb(212 227 252 / 0.5);
  border-radius: 3px;

  b {
    padding: 0 4px;
    font-weight: 500;
    color: #1D7FF2;
  }
}
// Dropdown 下拉菜单
.el-dropdown-menu.el-popper {
  padding: 0;
  margin-top: 0;

  .popper__arrow {
    display: none;
  }

  .el-dropdown-menu__item {
    padding: 0 36px 0 8px;
    line-height: 38px;
    color: #1D7FF2;

    &.color-danger{
      color: #C41C24;
    }
  }

  .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #E8F7FF;
  }

  .el-dropdown-menu__item--divided {
    margin-top: 0;

    &::before {
      height: 1px;
      margin: 0 -36px 0 -8px;
    }
  }
}

.el-tabs__item:hover,.el-tabs__item.is-active,
.el-switch__label.is-active,
.el-switch.is-checked .el-switch__core{
  color: #1D7FF2;
}

.el-tabs__active-bar,
.ant-checkbox-checked .ant-checkbox-inner,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
.ant-btn-primary:focus, .ant-btn-primary:hover{
 background-color: #1D7FF2;
}

.ant-checkbox-checked .ant-checkbox-inner,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-btn-primary:focus, .ant-btn-primary:hover,
.ant-select-focused .ant-select-selection, .ant-select-selection:active, .ant-select-selection:focus{
  border-color: #1D7FF2;
}

.ant-select-focused .ant-select-selection, .ant-select-selection:active, .ant-select-selection:focus{
  box-shadow: none;
}

.el-upload-list__item {
  padding: 4px 0 4px 8px;
  margin-top: 8px;
  color: #515A6E;
  background-color: #FAFBFC;

  &:first-child {
    margin-top: 12px;
  }
}

.el-upload__tip {
  margin-top: 8px;
}
// 表格类型的详情表单
.tableBox__form {
  border: 1px solid #e8eaef;

  .el-form-item {
    display: flex;
    margin: 0 !important;

    & + .el-form-item {
      border-top: 1px solid #e8eaef;
    }
  }

  label.el-form-item__label {
    display: inline-flex;
    justify-content: right;
    align-items: center;
    height: 40px !important;
    padding: 9px 16px !important;
    font-weight: normal;
    line-height: 22px;
    color: #515a6e;
    background: #fafbfc;
    border-right: 1px solid #e8eaef;
  }

  div.el-form-item__content {
    display: inline-flex;
    flex: 1;
    justify-content: left;
    height: 100%;
    padding: 9px 16px !important;
    padding-left: 16px;
    margin: 0 !important;
    line-height: 22px;
    color: #515a6e;
  }
}

.el-descriptions{
 color:#515A6E;
}

// .fullTable {
//   .el-table__body-wrapper {
//     height: auto !important;
//   }
// }

.table_card{
  padding:0 10px;
  color: #959EB2;
  border: 1px solid #BAC3D3;
  border-radius: 2px;
}

.table_card_icon::before {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
  background: url('~@/assets/images/icon-project1.svg') no-repeat;
  background-size: 12px 12px;
  content: "";
}

.table_card_iconTwo::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url('~@/assets/images/icon-project2.svg') no-repeat;
  background-size: 12px 12px;
  content: "";
}

.table_card_title{
  font-weight: 700;
  color:#515A6E;
}


.el-table .el-table__cell {
  text-align: left !important;
}

.el-table .table-item-left{
  text-align: left !important;
}

input:where(:not([type])):focus{
  box-shadow: none !important;
}

.TDatePicker {
  .ant-input:focus,
  .ant-input:hover {
    border-color: #1d7ff2;
    box-shadow: none;
  }
}

.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.ant-input-disabled,
.ant-input[disabled],
.el-select .el-input.is-disabled .el-input__inner{
  color: #606266;
  cursor: default;
  background-color: #fff !important;
}

//新增、编辑、查看弹窗样式
.TDrawerForm{
  .el-descriptions-item__cell .el-input.is-disabled .el-input__inner::placeholder {
    color: transparent !important;
  }

  .el-radio__label{
    color: #606266 !important;
  }

  .el-form-item{
    margin-right:0 !important;
    margin-bottom:0 !important;
  }

  .el-descriptions .el-descriptions-item__cell{
    padding:0;
  }

  .el-form-item__content{
    [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
      box-shadow: none !important;
    }

    .el-input__inner,.el-textarea__inner{
      border-radius: 0 !important;
    }

    .el-input.is-disabled .el-input__inner,
    .el-textarea.is-disabled .el-textarea__inner,
    .ant-input-disabled{
      background-color: #fff !important;
    }

    .el-radio.is-disabled,
    .el-radio__input.is-disabled,
    .el-radio__input.is-disabled+span.el-radio__label,
    .el-radio__input.is-disabled .el-radio__inner{
      cursor: default;
    }

    .el-input__inner,
    .el-input-group__append, .el-input-group__prepend,
    .el-textarea__inner{
      padding:9px 16px;
      text-align:left,;
      border:none !important;
    }

    .empty-dialog-text{
      position: relative;
      width: 100%;

      .el-input-group__prepend{
        position:absolute;
        top:3px;
        background-color: white;
      }
    }

    .TDatePicker {
      .ant-input,
      .ant-input:focus,
      .ant-input:hover {
        padding:9px 16px;
        font-size: 14px;
        border:none !important;
        box-shadow: none;
      }
    }
  }
}

.isDot::before{
  margin-right: 4px;
  color: #f56c6c;
  content: "*";
}

.t-dialog{
  .el-dialog__body{
    padding:0;
  }

  .el-descriptions-item__cell .el-input.is-disabled .el-input__inner::placeholder {
    color: transparent !important;
  }
}

.editForm{
  .el-form-item__error{
    display: none;
  }
}

.common-descriptions-box { 
  .is-error{
    .el-form-item__error{
      display: none;
    }
  }

  .el-descriptions-item__content {
    padding: 0 !important;
  }

  .is-bordered .el-descriptions-item__cell {
    border-color: #e8eaef;
  }

  .el-descriptions__table {
    table-layout: fixed !important;
  }

  .el-descriptions-item__cell {
    .el-select .el-input.is-disabled .el-input__inner {
      padding: 0 16px;
      text-overflow: ellipsis;
    }

    .el-input.is-disabled .el-input__inner,
    .el-textarea.is-disabled .el-textarea__inner {
      color: #515a6e !important;
      background-color: transparent !important;
    }

    .el-input.is-disabled .el-input__suffix,
    .ant-input.ant-input-disabled + .ant-calendar-picker-icon {
      display: none;
    }

    .ant-calendar-picker {
      min-width: auto !important;
    }

    .el-form-item .el-input__inner,
    .el-form-item .el-textarea__inner,
    .el-form-item .ant-input {
      padding-left: 16px;
      font-size: 14px;
      border-color: transparent !important;
      border-radius: 0 !important;
    }

    .el-input.is-disabled .el-input__inner::placeholder,
    .el-textarea.is-disabled .el-textarea__inner::placeholder,
    .ant-input.ant-input-disabled::placeholder {
      color: transparent !important;
    }
  }

  th.el-descriptions-item__label.el-descriptions-item__cell {
    width: 174px !important;
    line-height: 1;
    color: rgba($color: #515A6E, $alpha: 0.7);
    text-align: right;
    background-color: #fafbfc;
  }

  &.is-disabled {
    .isDot {
      display: none;
    }

    .el-radio-group {
      .el-radio.is-disabled:not([class*="is-checked"]) {
        display: none;
      }

      .el-radio.is-disabled.is-checked {
        .el-radio__input {
          display: none;
        }

        .el-radio__label {
          padding-left: 0;
          color: #515a6e;
        }
      }
    }
  }
}
// 弹窗
.el-dialog__header {
  padding: 8px 16px;
  border-bottom: 1px solid #E8EAEF;

  .el-dialog__title {
    font-size: 16px;
    font-weight: 500;
    color: #363F51;
  }
}

.el-dialog__headerbtn {
  top: 8px;
}

.el-dialog__body {
  padding: 16px;
}

.el-dialog__footer {
  padding: 24px;
  text-align: center;
  border-top: 1px solid #E8EAEF;
}

.el-upload-disabled  {
  .el-upload,
  .el-upload__tip {
    display: none;
  }

  .el-upload-list.is-disabled .el-upload-list__item:first-child {
    margin-top: 0;
  }
}

.main-shadow {
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 0.08);
}

.asideTreeBox {
  .shrinkBtn {
    display: flex;
    position: absolute;
    top: 50%;
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 80px;
    background-color: #9499a3;
    border-radius: 0 15px 15px 0;
  
    &::before {
      display: block;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-right: 5px solid #fff;
      border-bottom: 4px solid transparent;
      border-left: 0 solid transparent;
      content: "";
    }
  
    &.left {
      transform: rotateY(180deg);
    }
  }
}

.s-t-b {
  z-index: 10;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 -1px 4px 0 rgb(0 0 0 / 0.08);
}

.el-table.el-table--fit {
  &::before {
    display: none;
  }
}

.input-tooltip{
  .el-input__inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.ant-calendar-picker{
  min-width: auto !important;
}